home *** CD-ROM | disk | FTP | other *** search
/ MacWorld 1997 November / Macworld (1997-11).dmg / Shareware World / Utilities / User Interface / OneStep 1.1 / Creating Appearances next >
Text File  |  1997-08-11  |  18KB  |  499 lines

  1. Creating Appearances
  2. How to customize your interface with OneStep?
  3.  
  4. Version 1.1 • 97/08/11
  5. ©1997 Objective Software - All Rights Reserved.
  6. Harry Alloul, Bernard Frangoulis and Alessandro Levi Montalcini.
  7.  
  8.  
  9. =====================================================================
  10. Introduction
  11. =====================================================================
  12.  
  13. Thanks for using OneStep. To transform your Mac's user interface, OneStep uses so called "Appearance" files. You can choose and install the Appearance files using the provided OneStep Inspector application.
  14.  
  15. To create you own Appearance files, simply make a copy of one of the Appearance files provided with OneStep, and modify it using your favorite resource editor. Then, if you wish, you can freely distribute your Appearance file so that other users can try it out.
  16.  
  17. As you will see, we have made our best to give you total control over your Mac's user interface. Using OneStep, you can transform it easily to suit your tastes, without ever writing a single line of code.
  18.  
  19. Of course, your suggestions are welcome. Send them to us at this address: <onestep-objectivesw@dial.oleane.com>.
  20.  
  21. Have Fun!
  22. The OneStep team
  23.  
  24.  
  25. =====================================================================
  26. Getting started
  27. =====================================================================
  28.  
  29. The Appearance file contains three main types of resources which you can modify in order to create your own customized interface:
  30.  
  31. • The Preferences resource (type '1PRF'), containing the various settings affecting your user interface (such as the presence of a resize bar in windows, square or rounded buttons, NeXT-like or Mac-like scrollbar arrows, etc.), as well as various basic colors (menubar and menu background color, Finder windows background color, colors to use in the 3D effects, etc.). 
  32.  
  33. • The icon suites (types 'ICN#', 'icl4', 'icl8', 'ics#', 'ics4', 'ics8', 'icm#', 'icm4', 'icm8'). These icons can be edited very simply, using your favorite resource editor, such as ResEdit, Resorcerer, Constructor, etc.
  34.  
  35. • The patterns (type 'ppat'). They will fill a given area with a repeated pattern, allowing you to alter the appearance of window title bars and scrollbars whatever their size. They can also be edited using a resource editor.
  36.  
  37. In addition to these 3 required resource types, you can add the following optional resources to your Appearance file:
  38.  
  39. • A 160x160 pixels picture (type 'PICT', ID = 27080), containing a preview of your interface, a copyright notice, or whatever information you care to place in there. This picture will automatically be displayed in the OneStep Inspector window whenever the user selects your Appearance file.
  40.  
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51. • A version resource (type 'vers', ID = 1) containing the version of your Appearance file. This resource is required if you plan to distribute your Appearance file, so that users can check if they have the latest version.
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59. • Other resources overriding System resource files, such as color icon resources (type 'cicn', ID = 0, 1, 2) for alert dialogs.
  60.  
  61. • If you are a developer, you can also add defProc code resources ('WDEF', 'CDEF', 'MDEF', etc.) for an even higher level of customization.
  62.  
  63.  
  64. =====================================================================
  65. The Preferences resource ('1PRF')
  66. =====================================================================
  67.  
  68. The Preferences resource ('1PRF' ID = -27980) contains the following fields, which you can edit using the provided ResEdit template.
  69.  
  70. Note:
  71. - Groups of 3 fields such as "Color (R), Color (G), Color (B)" contain color information (the red, green and blue components of the color). You should enter hexadecimal values in these fields.
  72. - In most other fields, write 1 (to enable the corresponding setting) or 0 (to disable it).
  73.  
  74. 1 - General Preferences
  75. OS/Finder Window Color (R)
  76. OS/Finder Window Color (G)
  77. OS/Finder Window Color (B)
  78. The background color of Finder windows.
  79.  
  80. OS/Dark Shadow (R)
  81. OS/Dark Shadow (G)
  82. OS/Dark Shadow (B)
  83. The color to use for the dark shadow border of Finder Copy/Delete progress bars.
  84.  
  85. OS/Light Shadow (R)
  86. OS/Light Shadow (G)
  87. OS/Light Shadow (B)
  88. The color to use for the light shadow border of Finder Copy/Delete progress bars.
  89.  
  90. OS/Font Size
  91. OS/Font Name
  92. The size and name of the font to use as System font
  93. (note: you can independently set the font to use for the window titles and the menus, see below).
  94.  
  95.  
  96. 2 - Button Preferences
  97. BT/Btn Light Shadow (R)
  98. BT/Btn Light Shadow (G)
  99. BT/Btn Light Shadow (B)
  100. The color to use for the light shadow border of buttons.
  101.  
  102. BT/Btn Content (R)
  103. BT/Btn Content (G)
  104. BT/Btn Content (B)
  105. The content color of buttons.
  106.  
  107. BT/Btn Dark Shadow (R)
  108. BT/Btn Dark Shadow (G)
  109. BT/Btn Dark Shadow (B)
  110. The color to use for the dark shadow border of buttons.
  111.  
  112. BT/Btn Alt Content (R)
  113. BT/Btn Alt Content (G)
  114. BT/Btn Alt Content (B)
  115. The content color of hilited buttons.
  116.  
  117. BT/Btn Title (R)
  118. BT/Btn Title (G)
  119. BT/Btn Title (B)
  120. The color to use for the title of buttons.
  121.  
  122. BT/Btn Alt Title (R)
  123. BT/Btn Alt Title (G)
  124. BT/Btn Alt Title (B)
  125. The color to use for the title of hilited buttons.
  126.  
  127. BT/B&W Design (Syst 7)
  128. Forces the use a black & white design for buttons (System 7-style).
  129.  
  130. BT/Square Buttons
  131. Use NeXT-style square-corner buttons instead of Mac-style rounded-corner buttons.
  132.  
  133. BT/Title V Offset
  134. Correction for the vertical position of the button title (useful for certain fonts).
  135.  
  136.  
  137. 3 - Scrollbar Preferences
  138. SB/Group Arrows
  139. If this flag is set, both scrollbars arrows are grouped at the bottom (vertical scrollbar) or right (horizontal scrollbar) of the scrollbar (NeXT-style). Otherwise they are positioned at both ends of the scrollbars (Mac-style).
  140.  
  141. SB/Hide Inactive Arrows
  142. If this flag is set, the scrollbar arrows are hidden when the scrollbar is inactive, i.e. if the whole length of the window is visible (NeXT-style), otherwise they are displayed in a disabled state (Mac-style).
  143.  
  144. SB/Gap When Active
  145. SB/Gap When Inactive
  146. These flags determine whether a line will be drawn to "close" the scrollbar patterns (see below, Top Left Gap and Btm Right Gap options), when the scrollbar is active and when it is inactive.
  147.  
  148. SB/Hide Inactive Scrollbars
  149. If this flag is set, the scrollbars are hidden when the window is in the background (Mac-style), otherwise they are displayed.
  150.  
  151. SB/Min Thumb Size
  152. The minimal length of the scrollbar thumb.
  153.  
  154. SB/Top Left Gap (R)
  155. SB/Top Left Gap (G)
  156. SB/Top Left Gap (B)
  157. The color to use for the (dark shadow) line which borders the top of the vertical scrollbar pattern and the left of the horizontal scroll bar pattern.
  158.  
  159. SB/Btm Right Gap (R)
  160. SB/Btm Right Gap (G)
  161. SB/Btm Right Gap (B)
  162. The color to use for the (light shadow) line which borders the bottom of the vertical scrollbar pattern and the right of the horizontal scroll bar pattern.
  163.  
  164.  
  165. 4 - "New Folder" Button Preferences
  166. The "New Folder" button appears in the "Save.../Save As..." directory dialog boxes.
  167.  
  168. NF/Folder Icon ID
  169. The ID of the icon to use in this button (this ID should normally correspond to the icon suite you are using to represent folders in the Finder).
  170.  
  171.  
  172. 5 - Window Preferences
  173. WN/TitleBar (R)
  174. WN/TitleBar (G)
  175. WN/TitleBar (B)
  176. The color to use for the background of the window title bar.
  177.  
  178. WN/AltTitleBar (R)
  179. WN/AltTitleBar (G)
  180. WN/AltTitleBar (B)
  181. The color to use for the background of the title bar of inactive (background) windows.
  182.  
  183. WN/Title (R)
  184. WN/Title (G)
  185. WN/Title (B)
  186. The color to use for the window title.
  187.  
  188. WN/AltTitle (R)
  189. WN/AltTitle (G)
  190. WN/AltTitle (B)
  191. The color to use for the title of inactive windows.
  192.  
  193. WN/Finder Window Text (R)
  194. WN/Finder Window Text (G)
  195. WN/Finder Window Text (B)
  196. The color to use for the text of Finder window items.
  197.  
  198. WN/Light Shadow (R)
  199. WN/Light Shadow (G)
  200. WN/Light Shadow (B)
  201. The color to use for the light shadow top & left borders of windows.
  202.  
  203. WN/Dark Shadow (R)
  204. WN/Dark Shadow (G)
  205. WN/Dark Shadow (B)
  206. The color to use for the dark shadow bottom & right borders of windows.
  207.  
  208. WN/Alt Light Shadow (R)
  209. WN/Alt Light Shadow (G)
  210. WN/Alt Light Shadow (B)
  211. The color to use for the light shadow top & left borders of inactive windows.
  212.  
  213. WN/Alt Dark Shadow (R)
  214. WN/Alt Dark Shadow (G)
  215. WN/Alt Dark Shadow (B)
  216. The color to use for the dark shadow bottom & right borders of inactive windows.
  217.  
  218. WN/Title V Offset
  219. Correction for the vertical position of the window title (useful for certain fonts).
  220.  
  221. WN/Show ResizeBar
  222. Add a NeXT-style resize bar at the bottom of windows (allows to constrain the resizing of windows in the vertical or horizontal direction).
  223.  
  224. WN/Full TitleBar Pattern
  225. If a pattern is used to draw the window title bar, this flag indicates whether the pattern should fill the whole length of the title bar, or leave the window widgets (close box, etc.) alone.
  226.  
  227. WN/Use Patterns
  228. If this flag is set to 1, a pattern is used to draw the window title bar
  229. (see below for the IDs to use for the 'ppat' resources).
  230.  
  231. WN/Font Size
  232. WN/Font Face
  233. The size and style (plain, bold etc.) of the font to use for the window title.
  234.  
  235. WN/True NeXT Look
  236. If this flag is set, the positions of the close box and zoom box in the window title bar are inverted relative to their usual Mac-style position :
  237. Mac style --> close box on the left, zoom box on the right,
  238. NeXT style --> close box on the right, zoom box on the left.
  239.  
  240. WN/Iconizing
  241. Add an "miniaturization" widget at the top right of the window. Clicking on it will either miniaturize the window (NeXT-style) or collapse it to its title bar (Mac-style), according to the Window Shade setting (see below).
  242.  
  243. WN/TitleAlignLeft
  244. Align the window title to the left of the title bar (OpenStep-style)
  245.  
  246. WN/Path PopUp Symbol
  247. Draw a small downward pointing triangle at the center of the window title bar, to denote the position where command-clicking will drop a file/folder pathway menu (may be useful if you use the TitleAlignLeft option)
  248.  
  249. WN/Window Shade
  250. Clicking on the miniaturization widget will collapse the window to its title bar (Mac-style) instead of miniaturizing it (NeXT-style)
  251.  
  252. WN/Title Font Name
  253. The name of the font to use for the window title.
  254.  
  255.  
  256. 6 - Menu Preferences
  257. MN/Background (R)
  258. MN/Background (G)
  259. MN/Background (B)
  260. The color to use for the menu background.
  261.  
  262. MN/Hilited Background (R)
  263. MN/Hilited Background (G)
  264. MN/Hilited Background (B)
  265. The color to use for the background of hilited menu items.
  266.  
  267. MN/Dark Shadow (R)
  268. MN/Dark Shadow (G)
  269. MN/Dark Shadow (B)
  270. The color to use for the dark shadow border of menus.
  271.  
  272. MN/Text (R)
  273. MN/Text (G)
  274. MN/Text (B)
  275. The color to use for the menu text.
  276. (Note: if there is an 'mctb' resource for the menu item or the menu, it will override this setting).
  277.  
  278. MN/Hilited Text (R)
  279. MN/Hilited Text (G)
  280. MN/Hilited Text (B)
  281. The color to use for the text of hilited menu items.
  282.  
  283. MN/Divider Line (R)
  284. MN/Divider Line (G)
  285. MN/Divider Line (B)
  286. The color to use for the menu divider lines.
  287.  
  288. MN/Light Shadow (R)
  289. MN/Light Shadow (G)
  290. MN/Light Shadow (B)
  291. The color to use for the light shadow border of menus.
  292.  
  293. MN/Disabled Text (R)
  294. MN/Disabled Text (G)
  295. MN/Disabled Text (B)
  296. The color to use for the text of disabled menu items.
  297.  
  298. MN/Font size
  299. MN/Font face
  300. The size and style (plain, bold etc.) of the font to use for the menu.
  301. (Note: this setting may be overriden in some circumstances, for instance if the menu item contains specific style or script information).
  302.  
  303. MN/Has Disabled Icons
  304. If this flag is set, OneStep will look for specific icons to draw the check mark, submenu arrow and popup symbol in disabled menu items (see below for the ID's of these icons). Otherwise, the normal icon will be used (plotted in a "disabled" state).
  305.  
  306. MN/NeXT-like Right Mark in Popups
  307. If this flag is set, the popup symbol itself will be used as mark in popup menu items, and it will be positioned on the right of the item (NeXT-style) instead of the left.
  308.  
  309. MN/3D Look
  310. (0=flat,
  311. 1=menu,
  312. 2=items,
  313. 3=NeXT)
  314. This flag determines the 3D look of the menu:
  315. 1 --> No 3D effect (System 7-style),
  316. 2 --> 3D effect for the menu border only (Mac OS 8-style),
  317. 3 --> 3D effect for aech menu item (drawn as an individual "tile") (NeXT-style),
  318. 4 --> Same as 3, plus a black separation line at the bottom of every item (True NeXT look).
  319.  
  320. MN/Draw Command Key
  321. This flag determines whether the command-key will drawn (Mac-style) or not (NeXT-style) in menu keyboard equivalents.
  322.  
  323. MN/Font name
  324. The name of the font to use for the menu.
  325.  
  326.  
  327. 7 - Menu Bar Preferences
  328. MB/3D Menubar
  329. Draw the menu bar with 3D effects.
  330.  
  331. MB/Square Corners
  332. Force the drawing of square corners (NeXT-style).
  333. (May not work correctly on certain screens).
  334.  
  335. MB/Use Menubar Bottom Pixel
  336. This flag determines whether the bottom line of the menu bar (drawn with the Dark Shadow color) will leave a black separator line at the bottom of the menu bar (flag set to 1), or be drawn above it (flag set to 0).
  337.  
  338. MB/7-like Menu Shadow
  339. This flag determines whether the menus are drawn with a 1 pixel background shadow (Mac-style), or without it (NeXT-style).
  340.  
  341. MB/Submenus Don't Overlap
  342. This flag determines whether submenus overlap slightly over the parent menu (Mac-style), or are aligned to its edge (NeXT-style).
  343.  
  344. MB/Menu Title (R)
  345. MB/Menu Title (G)
  346. MB/Menu Title (B)
  347. The color to use for the menu titles.
  348.  
  349. MB/Menu Left Edge (R)
  350. MB/Menu Left Edge (G)
  351. MB/Menu Left Edge (B)
  352. The color to use for the left edge of the menus (e.g., black for Mac, gray for NeXT).
  353.  
  354. MB/Menubar (R)
  355. MB/Menubar (G)
  356. MB/Menubar (B)
  357. The color to use for the background of the menu bar.
  358.  
  359. MB/Menubar Hilite (R)
  360. MB/Menubar Hilite (G)
  361. MB/Menubar Hilite (B)
  362. The color to use for the background of hilited menu titles.
  363.  
  364. MB/Menu Title Hilite (R)
  365. MB/Menu Title Hilite (G)
  366. MB/Menu Title Hilite (B)
  367. The color to use for the text of hilited menu titles.
  368.  
  369. MB/Dark Shadow (R)
  370. MB/Dark Shadow (G)
  371. MB/Dark Shadow (B)
  372. The color to use for the dark shadow border of the menu bar (3D effect).
  373.  
  374. MB/Light Shadow (R)
  375. MB/Light Shadow (G)
  376. MB/Light Shadow (B)
  377. The color to use for the light shadow border of the menu bar (3D effect).
  378.  
  379.  
  380. 8 - Pop Up Menu Control Preferences
  381. PU/Content (R)
  382. PU/Content (G)
  383. PU/Content (B)
  384. The color to use for the content of popup menu controls.
  385.  
  386. PU/Hilited Content (R)
  387. PU/Hilited Content (G)
  388. PU/Hilited Content (B)
  389. The color to use for the content of hilited popup menu controls.
  390.  
  391. PU/Dark Shadow (R)
  392. PU/Dark Shadow (G)
  393. PU/Dark Shadow (B)
  394. The color to use for the dark shadow bottom & right borders of popup menu controls.
  395.  
  396. PU/Light Shadow (R)
  397. PU/Light Shadow (G)
  398. PU/Light Shadow (B)
  399. The color to use for the light shadow top & left borders of popup menu controls.
  400.  
  401. PU/Text (R)
  402. PU/Text (G)
  403. PU/Text (B)
  404. The color to use for the text of popup menu controls.
  405. (Note: if there is an 'mctb' resource for the menu item or the menu, it will override this setting).
  406.  
  407. PU/Hilited Text (R)
  408. PU/Hilited Text (G)
  409. PU/Hilited Text (B)
  410. The color to use for the text of hilited popup menu controls.
  411.  
  412. PU/PopUp Style
  413. (0 = old style-Sys 7,
  414. 1 = rounded button,
  415. 2 = square button,
  416. 3 = framed square)
  417. This flag determines the 3D look of the popup menu control:
  418. 1 --> No 3D effect (System 7-style),
  419. 2 --> 3D rounded-corner button (Mac OS 8-style),
  420. 3 --> 3D square-corner button (NeXT-style),
  421. 4 --> Same as 3, plus a black frame.
  422.  
  423. PU/Use separator line
  424. This flag determines whether the popup symbol will be separated from the text by a vertical line (Mac OS 8-style).
  425.  
  426.  
  427. =====================================================================
  428. The icon suites
  429. =====================================================================
  430.  
  431. • Folder icons
  432. Type = 'ICN#', 'icl4', 'icl8', 'ics#', 'ics4', 'ics8'
  433. ID = -3999 to -3968
  434.  
  435. • Window widgets (growBox, closeBox, zoomBox and iconizeBox)
  436. Type = 'ics#', 'ics4', 'ics8'
  437. ID = -27783 to -27773
  438.  
  439. • Scrollbar arrows
  440. Type = 'ics#', 'ics4', 'ics8'
  441. ID = -27070 to -27059
  442.  
  443. • Scrollbar thumb
  444. Type = 'ics#', 'ics4', 'ics8'
  445. ID = -27050 to -27043
  446. Note: the scrollbar thumb is composed of two icons, one for the thumb itself and the other for its "anchoring point" (look up the provided Appearances).
  447.  
  448. • The Apple menu  symbol
  449. Type = 'ics#', 'ics4', 'ics8'
  450. ID = -20270 and -16386
  451.  
  452. • The folder disclosure triangles in the Finder
  453. Type = 'ics#', 'ics4', 'ics8'
  454. ID = -3061 and -3060
  455.  
  456. • The checkboxes and radio buttons
  457. Type = 'icm#', 'icm4', 'icm8'
  458. ID = -27858 to -27846
  459.  
  460. • The popup menu symbol
  461. Type = 'icm#', 'icm4', 'icm8'
  462. ID = -27801 and -27800
  463.  
  464. • The menu check mark
  465. Type = 'icm#', 'icm4', 'icm8'
  466. ID = -27741 and -27740
  467.  
  468. • The submenu indicator triangle
  469. Type = 'icm#', 'icm4', 'icm8'
  470. ID = -27738 and -27737
  471.  
  472. • The up- and down- menu scroll triangles
  473. Type = 'icm#', 'icm4', 'icm8'
  474. ID = -27736 and -27735
  475.  
  476.  
  477. =====================================================================
  478. The patterns
  479. =====================================================================
  480.  
  481. • The title bar patterns
  482. ID = -27780 for active windows
  483. ID = -27779 for inactive windows
  484.  
  485. • The scrollbar patterns
  486. ID = -27070 for the active vertical scrollbar
  487. ID = -27068 for the inactive vertical scrollbar
  488.  
  489. ID = -27069 for the active horizontal scrollbar
  490. ID = -27067 for the inactive horizontal scrollbar
  491.  
  492.  
  493. =====================================================================
  494. Disclaimer
  495. =====================================================================
  496.  
  497. Harry Alloul, Bernard Frangoulis and Alessandro Levi Montalcini (thereafter "the authors") disclaim all warranties relating to this software, whether express or implied, including without limitation any implied warranties of merchantability or fitness for a particular purpose.  The authors will not be liable for any special, incidental, consequential, indirect or similar damages due to loss of data or any other reason, even if the authors or an agent of theirs has been advised of the possibility of such damages.  In no event shall the authors be liable for any damages, regardless of the form of the claim.  The person using the software bears all risk as to the quality and performance of the software.
  498.  
  499. Apple, the Apple logo, Mac, Macintosh, Finder, ResEdit are trademarks of Apple Computer, Inc., registered in the U.S. and other countries. Finder is a trademark of Apple Computer, Inc. NeXT, NEXTSTEP, OPENSTEP are trademarks of NeXT Computer, Inc. All other trademarks belong to their respective owners.